<template>
<view class="flex-col group_3 page" >
  <view class="flex-col section">
    <view class="flex-row items-center self-stretch">
      <image
        class="image_5"
        src="/static/icon/txs.png"
      />
      <view class="flex-col ml-10-5">
        <view class="flex-row self-stretch">
          <text class="font_2">王大锤</text>
          <text class="font_2 ml-9-5">京AB653636·厢货</text>
        </view>
        <view class="self-start group_4 mt-11">
          <text class="font_3 text_5">黄金司机 I 已服务</text>
          <text class="font_3 text_6">193</text>
          <text class="font_3">单</text>
        </view>
      </view>
    </view>
    <text class="self-start font_4 text_7">车辆尺寸：4.2m*1.8m*1.8m</text>
    <text class="self-start font_4 text_8">配工标准：2人</text>
    <text class="self-start font_4 text_9">服务年限：1年</text>
    <view class="flex-row justify-center equal-division group_5">
      <view class="flex-row items-center equal-division-item_1">
        <image
          class="shrink-0 image_7"
          src="/static/icon/fsrz.png"
        />
        <text class="font_4 ml-7">实名认证</text>
      </view>
      <view class="flex-row items-center ml-14-5">
        <image
          class="shrink-0 image_6"
          src="/static/icon/lx.png"
        />
        <text class="font_4 text_10 ml-6-5">统一培训</text>
      </view>
      <view class="flex-row items-center equal-division-item_2 ml-14-5">
        <image
          class="shrink-0 image_8"
          src="/static/icon/jp.png"
        />
        <text class="ml-6 font_4 text_11">人才认证</text>
      </view>
    </view>
  </view>
  <view class="flex-col section_2">
    <text class="self-start font_2 text_12">司机荣誉</text>
    <view class="flex-col justify-start items-start self-stretch relative group_6">
      <image
        class="image_10"
        src="/static/icon/lxs.png"
      />
      <image
        class="image_9 pos_2"
        src="/static/icon/lxys.png"
      />
    </view>
    <text class="self-start font_4 text_13">最佳搬家师傅</text>
  </view>
  <view class="flex-col list">
    <view class="flex-col mt-6 section_3 list-item" v-for="(item, index) in items" :key="index">
      <text class="self-start font_2 text_14">车辆展示</text>
      <view class="flex-row equal-division_2 mt-13-5">
        <image
          class="image_11 equal-division-item"
          src="https://ide.code.fun/api/image?token=660c2bed7dc3fc0011cc0426&name=f0846d3473b6d97efbb961bfb2eb557c.png"
        />
        <image
          class="image_11 equal-division-item ml-11"
          src="https://ide.code.fun/api/image?token=660c2bed7dc3fc0011cc0426&name=70c761cf9796ef4a1d89c222fd777e19.png"
        />
      </view>
    </view>
  </view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				   items: [null, null],
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.ml-10-5 {
	  margin-left: 21rpx;
	}
	.ml-9-5 {
	  margin-left: 19rpx;
	}
	.mt-11 {
	  margin-top: 22rpx;
	}
	.ml-14-5 {
	  margin-left: 29rpx;
	}
	.ml-6-5 {
	  margin-left: 13rpx;
	}
	.ml-7 {
	  margin-left: 14rpx;
	}
	.mt-13-5 {
	  margin-top: 27rpx;
	}
	.ml-11 {
	  margin-left: 22rpx;
	}
	.page {
	  padding-bottom: 175rpx;
	  background-color: #f4f5f7;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;

	}
	.group_3 {
	  padding: 12rpx 12rpx 56rpx;
	  overflow-y: auto;
	}
	.section {
	  padding: 32rpx 24rpx;
	  background-color: #ffffff;
	  border-radius: 16rpx;
	}
	.image_5 {
	  width: 102rpx;
	  height: 102rpx;
	}
	.font_2 {
	  font-size: 32rpx;
	  font-family: PingFang SC;
	  line-height: 29.78rpx;
	  color: #222222;
	}
	.group_4 {
	  line-height: 22.26rpx;
	}
	.font_3 {
	  font-size: 24rpx;
	  font-family: PingFang SC;
	  line-height: 22.26rpx;
	  color: #666666;
	}
	.text_5 {
	  line-height: 22.18rpx;
	}
	.text_6 {
	  color: #2b8eff;
	  line-height: 17.8rpx;
	}
	.equal-division {
	  align-self: flex-start;
	  margin-top: 28.12rpx;
	}
	.group_5 {
	  width: 536.98rpx;
	}
	.equal-division-item_1 {
	  padding: 2rpx 0;
	}
	.image_7 {
	  border-radius: 4rpx;
	  width: 38rpx;
	  height: 32rpx;
	}
	.image_6 {
	  border-radius: 4rpx;
	  width: 30rpx;
	  height: 36rpx;
	}
	.equal-division-item_2 {
	  padding-top: 2rpx;
	}
	.image_8 {
	  width: 28rpx;
	  height: 34rpx;
	}
	.font_4 {
	  font-size: 28rpx;
	  font-family: PingFang SC;
	  line-height: 26.02rpx;
	  color: #222222;
	}
	.text_10 {
	  line-height: 26.1rpx;
	}
	.text_9 {
	  margin-top: 24.04rpx;
	}
	.text_8 {
	  margin-top: 23.92rpx;
	  line-height: 25.96rpx;
	}
	.text_7 {
	  margin-left: 2.04rpx;
	  margin-top: 41.98rpx;
	  line-height: 25.98rpx;
	}
	.text_11 {
	  line-height: 25.52rpx;
	}
	.section_2 {
	  margin-top: 12rpx;
	  padding: 39.7rpx 25.9rpx 38.14rpx 25.9rpx;
	  background-color: #ffffff;
	  border-radius: 16rpx;
	}
	.text_12 {
	  line-height: 29.82rpx;
	}
	.group_6 {
	  margin-top: 20.86rpx;
	  padding: 4.62rpx 0 4.38rpx;
	}
	.image_10 {
	  margin-left: 39.1rpx;
	  width: 88rpx;
	  height: 88rpx;
	}
	.image_9 {
	  width: 112rpx;
	  height: 97rpx;
	}
	.pos_2 {
	  position: absolute;
	  left: 27.8rpx;
	  bottom: 0;
	}
	.text_13 {
	  margin-top: 14.56rpx;
	  line-height: 25.92rpx;
	}
	.list {
	  padding: 12rpx 0;
	}
	.section_3 {
	  padding: 39.54rpx 24rpx 32rpx;
	  background-color: #ffffff;
	  border-radius: 16rpx;
	}
	.list-item:first-child {
	  margin-top: 0;
	}
	.text_14 {
	  margin-left: 2.24rpx;
	  line-height: 29.98rpx;
	}
	.equal-division_2 {
	  align-self: stretch;
	}
	.image_11 {
	  flex: 1 1 328rpx;
	}
	.equal-division-item {
	  border-radius: 4rpx;
	  height: 220rpx;
	}
</style>
